<%--
  Created by IntelliJ IDEA.
  User: 94692
  Date: 2020/10/12
  Time: 9:20
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<!--icheck-->
<link href="${pageContext.request.contextPath}/static/js/iCheck/skins/minimal/minimal.css" rel="stylesheet">
<link href="${pageContext.request.contextPath}/static/js/iCheck/skins/square/square.css" rel="stylesheet">
<link href="${pageContext.request.contextPath}/static/js/iCheck/skins/square/red.css" rel="stylesheet">
<link href="${pageContext.request.contextPath}/static/js/iCheck/skins/square/blue.css" rel="stylesheet">

<!--dashboard calendar-->
<link href="${pageContext.request.contextPath}/static/css/clndr.css" rel="stylesheet">

<!--Morris Chart CSS -->
<link rel="stylesheet" href="${pageContext.request.contextPath}/static/js/morris-chart/morris.css">

<!--common-->
<link href="${pageContext.request.contextPath}/static/css/style.css" rel="stylesheet">
<link href="${pageContext.request.contextPath}/static/css/style-responsive.css" rel="stylesheet">

<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
    <script src="${pageContext.request.contextPath}/static/js/html5shiv.js"></script>
    <script src="${pageContext.request.contextPath}/static/js/respond.min.js"></script>
    <![endif]-->
<head>
    <title>index</title>
</head>
<body class="sticky-header" style="background-color:white">
<div class="panel">
    <div class="panel-body">
        <div class="media usr-info">
            <a href="#" class="pull-left">
                <img class="thumb" src="${pageContext.request.contextPath}/static/images/photos/user4.png" alt="">
            </a>
            <div class="media-body">
                <h4 id="yourName" class="media-heading">Mila Watson</h4>
                <span>Senior UI Designer</span>
                <p>I use to design websites and applications for the web.</p>
            </div>
        </div>
    </div>
    <div class="panel-footer custom-trq-footer">
        <ul class="user-states">
            <li>
                <i class="fa fa-heart"></i> 127
            </li>
            <li>
                <i class="fa fa-eye"></i> 853
            </li>
            <li>
                <i class="fa fa-user"></i> 311
            </li>
        </ul>
    </div>
</div>

<div class="col-md-4">
    <div class="panel">
        <div class="panel-body">
            <div class="calendar-block ">
                <div class="cal1"><div class="clndr"><div class="clndr-controls"><div class="clndr-control-button"><span class="clndr-previous-button"><i class="fa fa-chevron-left"></i></span></div><div class="month"><span>October</span> 2020</div><div class="clndr-control-button leftalign"><span class="clndr-next-button"><i class="fa fa-chevron-right"></i></span></div></div><table class="clndr-table" border="0" cellspacing="0" cellpadding="0"><thead><tr class="header-days"><td class="header-day">S</td><td class="header-day">M</td><td class="header-day">T</td><td class="header-day">W</td><td class="header-day">T</td><td class="header-day">F</td><td class="header-day">S</td></tr></thead><tbody><tr><td class="day past adjacent-month last-month calendar-day-2020-09-27"><div class="day-contents">27</div></td><td class="day past adjacent-month last-month calendar-day-2020-09-28"><div class="day-contents">28</div></td><td class="day past adjacent-month last-month calendar-day-2020-09-29"><div class="day-contents">29</div></td><td class="day past adjacent-month last-month calendar-day-2020-09-30"><div class="day-contents">30</div></td><td class="day past calendar-day-2020-10-01"><div class="day-contents">1</div></td><td class="day past calendar-day-2020-10-02"><div class="day-contents">2</div></td><td class="day past calendar-day-2020-10-03"><div class="day-contents">3</div></td></tr><tr><td class="day past calendar-day-2020-10-04"><div class="day-contents">4</div></td><td class="day past calendar-day-2020-10-05"><div class="day-contents">5</div></td><td class="day past calendar-day-2020-10-06"><div class="day-contents">6</div></td><td class="day past calendar-day-2020-10-07"><div class="day-contents">7</div></td><td class="day past calendar-day-2020-10-08"><div class="day-contents">8</div></td><td class="day past calendar-day-2020-10-09"><div class="day-contents">9</div></td><td class="day past event calendar-day-2020-10-10"><div class="day-contents">10</div></td></tr><tr><td class="day past event calendar-day-2020-10-11"><div class="day-contents">11</div></td><td class="day today event calendar-day-2020-10-12"><div class="day-contents">12</div></td><td class="day event calendar-day-2020-10-13"><div class="day-contents">13</div></td><td class="day event calendar-day-2020-10-14"><div class="day-contents">14</div></td><td class="day calendar-day-2020-10-15"><div class="day-contents">15</div></td><td class="day calendar-day-2020-10-16"><div class="day-contents">16</div></td><td class="day calendar-day-2020-10-17"><div class="day-contents">17</div></td></tr><tr><td class="day calendar-day-2020-10-18"><div class="day-contents">18</div></td><td class="day calendar-day-2020-10-19"><div class="day-contents">19</div></td><td class="day calendar-day-2020-10-20"><div class="day-contents">20</div></td><td class="day event calendar-day-2020-10-21"><div class="day-contents">21</div></td><td class="day event calendar-day-2020-10-22"><div class="day-contents">22</div></td><td class="day event calendar-day-2020-10-23"><div class="day-contents">23</div></td><td class="day calendar-day-2020-10-24"><div class="day-contents">24</div></td></tr><tr><td class="day calendar-day-2020-10-25"><div class="day-contents">25</div></td><td class="day calendar-day-2020-10-26"><div class="day-contents">26</div></td><td class="day calendar-day-2020-10-27"><div class="day-contents">27</div></td><td class="day calendar-day-2020-10-28"><div class="day-contents">28</div></td><td class="day calendar-day-2020-10-29"><div class="day-contents">29</div></td><td class="day calendar-day-2020-10-30"><div class="day-contents">30</div></td><td class="day calendar-day-2020-10-31"><div class="day-contents">31</div></td></tr></tbody></table></div></div>
            </div>
        </div>
    </div>
</div>

<!-- Placed js at the end of the document so the pages load faster -->
<script src="${pageContext.request.contextPath}/static/js/jquery-1.10.2.min.js"></script>
<script src="${pageContext.request.contextPath}/static/js/jquery-ui-1.9.2.custom.min.js"></script>
<script src="${pageContext.request.contextPath}/static/js/jquery-migrate-1.2.1.min.js"></script>
<script src="${pageContext.request.contextPath}/static/js/bootstrap.min.js"></script>
<script src="${pageContext.request.contextPath}/static/js/modernizr.min.js"></script>
<script src="${pageContext.request.contextPath}/static/js/jquery.nicescroll.js"></script>

<!--easy pie chart-->
<script src="${pageContext.request.contextPath}/static/js/easypiechart/jquery.easypiechart.js"></script>
<script src="${pageContext.request.contextPath}/static/js/easypiechart/easypiechart-init.js"></script>

<!--Sparkline Chart-->
<script src="${pageContext.request.contextPath}/static/js/sparkline/jquery.sparkline.js"></script>
<script src="${pageContext.request.contextPath}/static/js/sparkline/sparkline-init.js"></script>

<!--icheck -->
<script src="${pageContext.request.contextPath}/static/js/iCheck/jquery.icheck.js"></script>
<script src="${pageContext.request.contextPath}/static/js/icheck-init.js"></script>

<!-- jQuery Flot Chart-->
<script src="${pageContext.request.contextPath}/static/js/flot-chart/jquery.flot.js"></script>
<script src="${pageContext.request.contextPath}/static/js/flot-chart/jquery.flot.tooltip.js"></script>
<script src="${pageContext.request.contextPath}/static/js/flot-chart/jquery.flot.resize.js"></script>


<!--Morris Chart-->
<script src="${pageContext.request.contextPath}/static/js/morris-chart/morris.js"></script>
<script src="${pageContext.request.contextPath}/static/js/morris-chart/raphael-min.js"></script>

<!--Calendar-->
<script src="${pageContext.request.contextPath}/static/js/calendar/clndr.js"></script>
<script src="${pageContext.request.contextPath}/static/js/calendar/evnt.calendar.init.js"></script>
<script src="${pageContext.request.contextPath}/static/js/calendar/moment-2.2.1.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.5.2/underscore-min.js"></script>

<!--common scripts for all pages-->
<script src="${pageContext.request.contextPath}/static/js/scripts.js"></script>

<!--Dashboard Charts-->
<script src="${pageContext.request.contextPath}/static/js/dashboard-chart-init.js"></script>
<script>
    $(function () {
        var urlParam = decodeURI(window.location.href.split("?")[1]);
        var name = urlParam.split("name=")[1].split("&")[0];
        //console.log(name);
        $("#yourName").html(name);
    })
</script>
</body>
</html>
